<div class="col-md-9 col-sm-12 col-xs-12">
  <div class="form-style-1 user-pro" action="#">
    <form action="#" class="user">

      <h4>用户详情</h4>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>用户昵称</label>
          <input type="text" name="nickname" [(ngModel)]="userInfo.nickname">
        </div>
        <div class="col-md-6 form-it">
          <label>邮箱</label>
          <input type="text" name="email" [(ngModel)]="userInfo.email">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>手机号码</label>
          <input type="text" name="phone" [(ngModel)]="userInfo.phone">
        </div>
        <div class="col-md-6 form-it">
          <label>所在地</label>
          <input type="text" name="location" [(ngModel)]="userInfo.location">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>出生日期</label>
          <input type="date" name="birthday" [(ngModel)]="userInfo.birthday">
        </div>
      </div>
      <div class="row">
        <div class="col-md-2">
          <input class="submit" type="button" (click)="saveUserInfo()" value="保存信息">
        </div>
      </div>
    </form>
    <form action="#" class="password">
      <h4>修改密码</h4>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>原密码</label>
          <input type="password" [(ngModel)]="rawPassword" name="rawPassword">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>新密码</label>
          <input type="password" [(ngModel)]="newPassword" name="newPassword">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 form-it">
          <label>再次确认</label>
          <input type="password" [(ngModel)]="newPassword2" name="newPassword2">
        </div>
      </div>
      <div class="row">
        <div class="col-md-2">
          <input class="submit" type="button" value="修改密码" (click)="changePwd()">
        </div>
      </div>
    </form>
  </div>
</div>
